<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>首页</title>
		<link rel="stylesheet" href="less/dist/index.css">
		<link rel="stylesheet" href="less/dist/style.css">
	</head>

	<body>
		<!--头部搜索开始-->
		<div id="header">
			<form action="" class="search-wrap">
				<div class="search-box">
					<input type="search" placeholder="搜索旅行地/酒店/景点" />
				</div>
			</form>
		</div>

		<!--内容区域开始-->
		<div id="wrapper">
			<div id="scroller">
				<!-- banner开始 -->
				<div class="i-banner clearfix">
					<ul>
						<li>
							<a href="#"><img src="images/img/banner4.jpg" alt=""></a>
						</li>
						<li>
							<a href="#"><img src="images/img/banner1.jpg" alt=""></a>
						</li>
						<li>
							<a href="#"><img src="images/img/banner2.jpg" alt=""></a>
						</li>
						<li>
							<a href="#"><img src="images/img/banner3.jpg" alt=""></a>
						</li>
						<li>
							<a href="#"><img src="images/img/banner4.jpg" alt=""></a>
						</li>
						<li>
							<a href="#"><img src="images/img/banner1.jpg" alt=""></a>
						</li>
					</ul>
					<ul>
						<li class="on"></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<!-- banner结束 -->

				<!--按钮开始-->
				<nav class="nav-entry clearfix">
					<div class="row">
						<div class="col col1">
							<a href="travel.html">
								<em>旅游</em>
							</a>
						</div>
						<div class="col col2">
							<a href="#">
								<em>出境游</em>
							</a>
							<a href="#">
								<em>周边游</em>
							</a>
						</div>
						<div class="col col3">
							<a href="#">
								<em>国内游</em>
							</a>
							<a href="#">
								<em>当地游</em>
							</a>
						</div>
					</div>
					<div class="row">
						<div class="col col1">
							<a href="#">
								<em>机票</em>
							</a>
						</div>
						<div class="col col2">
							<a href="#" class="nav-bg">
								<em>低价机票</em>
							</a>
							<a href="#">
								<em>火车票</em>
							</a>
						</div>
						<div class="col col3">
							<a href="#">
								<em>汽车票/船票</em>
							</a>
							<a href="#">
								<em>专车/自驾</em>
							</a>
						</div>
					</div>
					<div class="row">
						<div class="col col1">
							<a href="#">
								<em>酒店</em>
							</a>
						</div>
						<div class="col col2">
							<a href="#" class="nav-bg">
								<em>海外酒店</em>
							</a>
							<a href="#">
								<em>热门酒店</em>
							</a>
						</div>
						<div class="col col3">
							<a href="#">
								<em>国内酒店</em>
							</a>
							<a href="#">
								<em>特色酒店</em>
							</a>
						</div>
					</div>
				</nav>
				<!--按钮结束-->

				<!--推广开始-->
				<article class="ad">
					<a href="#"><img src="images/img/ad_0328_02.jpg" /></a>
				</article>
				<!--推广结束-->

				<!--特卖汇开始-->
				<article class="sale clearfix">
					<nav>特卖汇</nav>

					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_01.jpg" alt="" /></div>
							<div class="item-main">
								<h3>
							台湾环岛8日7晚跟团游。甩尾狂甩3人行1人免单
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									1999
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_02.jpg" alt="" /></div>
							<div class="item-main">
								<h3>
							巴厘岛7日5晚自由行。五星豪庭，三星价格3月特
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									2989
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_03.jpg" alt="" /></div>
							<div class="item-main">
								<h3>
							韩国首尔5日4晚跟团游。暑假预售商圈五花，好
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									1699
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_04.jpg" alt="" /></div>
							<div class="item-main">
								<h3>
							马尔代夫6日自由行·6日4晚。全球顶级海岛蜜月
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									3099
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_05.jpg" alt="" /></div>
							<div class="item-main">
								<h3>
							香港5日自由行·仅含往返机票。星光大道+天星小
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									1888
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
					<div class="item">
						<a href="#">
							<div class="img-wrapper"><img src="images/img/item-img0329_06.jpg" alt="" /></div>
							<div class="item-main">
								<h3>
							新加坡5日4晚自由行。错峰周末游，特赠送价值
						</h3>
								<div class="item-des">
									<span class="person">席位充足</span>
									<span class="sale-price">
								<i>¥</i>
								<strong>
									2689
								</strong>
								<em>起</em>
							</span>
								</div>
							</div>
						</a>
					</div>
				</article>
				<!--特卖汇结束-->

			</div>
		</div>

		<!--底部开始-->
		<div id="footer">
			<a href="index.html" class="home active">
				<span></span>
				<p>首页</p>
			</a>
			<a href="search.html" class="destination">
				<span></span>
				<p>目的地</p>
			</a>
			<a href="history.html" class="history">
				<span></span>
				<p>浏览历史</p>
			</a>
			<a href="myinfo.html" class="my">
				<span></span>
				<p>个人</p>
			</a>
		</div>
    </body>
    <script src="less/js/flexible.js"></script>
    <script src="less/js/iscroll.js"></script>
	<script src="less/js/zepto.js"></script>
</html>